<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<!-- 页面编码 -->
	<meta charset="utf-8">
  	<!-- 手机浏览器禁止缩放, 页面大小默认为手机屏幕宽度 -->
  	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  	<!-- 允许IOS全屏显示网页 -->
  	<meta content="yes" name="apple-mobile-web-app-capable" />
  	<!-- 设置IOS状态栏为透明底色 -->
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
	<!-- 设置360浏览器渲染引擎为webkit -->
  	<meta name="renderer" content="webkit">
  	<!-- 设置APP标题 -->
  	<meta name="apple-mobile-web-app-title" content="青年电影志">
  	<!-- 关闭自动识别电话号码 -->
  	<meta name="format-detection" content="telephone=no">
	<!-- iPhone桌面图标 -->
	<link href="static/images/app-60@2x.png" sizes="120x120" rel="apple-touch-icon-precomposed">
  	<!-- 页面标题 -->
  	<title>发布话题</title>

  	<!-- 基本样式载入 -->
  	<link rel="stylesheet" href="static/css/ionicons.min.css">
	<link rel="stylesheet" href="static/css/public.css">
	<!-- 基本脚本载入 -->
	<script src="static/js/plugins.min.js"></script>
</head>
<body>
	<div id="app" class="site" data-controller="newTopicPage">
		<div class="bar bar-footer bar-primary">
			<a href="#" class="nav-btn js-submitBtn">提交话题</a>
		</div>
		<div id="content" class="site-content">
			<div class="inner">
				<form action="http://www.baidu.com" class="wizard-form js-topicForm">
					<div class="wizard-step is-active">
						<div class="form-group">
							<label class="control-label">话题名称<span>*</span></label>
							<textarea name="" id="" class="form-control js-required" rows="5" placeholder="20字" maxlength="20"></textarea>
						</div>
						<!-- END .form-group -->
						<div class="form-group">
							<label class="control-label">话题介绍<span>*</span></label>
							<textarea name="" id="" class="form-control js-required" rows="8" placeholder="20字" maxlength="20"></textarea>
						</div>
						<!-- END .form-group -->
						<div class="form-group">
							<label class="control-label">价格<span>*</span></label>
							<div class="input-group">
								<input type="text" class="form-control js-required" placeholder="0">
      							<div class="input-group-addon">元/次</div>
							</div>
						</div>
						<!-- END .form-group -->
						<div class="form-group state-blank">
							<label class="control-label">见面大概时长<span>*</span></label>
							<div class="check-button-group">
								<label class="check-button-wrap">
									<input type="radio" name="workYear" checked>
									<div class="check-button">1小时</div>
								</label>
								<!-- END .check-button-wrap -->
								<label class="check-button-wrap">
									<input type="radio" name="workYear">
									<div class="check-button">1.5小时</div>
								</label>
								<!-- END .check-button-wrap -->
								<label class="check-button-wrap">
									<input type="radio" name="workYear">
									<div class="check-button">2小时</div>
								</label>
								<!-- END .check-button-wrap -->
								<label class="check-button-wrap">
									<input type="radio" name="workYear">
									<div class="check-button">2小时以上</div>
								</label>
								<!-- END .check-button-wrap -->
							</div>
							<!-- END .check-button-group -->
						</div>
						<!-- END .form-group -->
					</div>
					<!-- END .wizard-step -->
				</form>
				<!-- END .wizard-form -->
			</div>
			<!-- END .inner -->
		</div>
		<!-- END #content -->
	</div>
	<!-- END #page -->
	<!-- 页面脚本载入 -->
	<script src="static/js/app.js"></script>
</body>
</html>